<!--  -->
<template>
  <a-modal :visible="visible" title="邀请成员" :footer="null" @cancel="handleCancel" :width="1000">
    <a-descriptions title="基本信息" bordered size="small">
      <a-descriptions-item label="受试者ID"> 0010100001 </a-descriptions-item>
      <a-descriptions-item label="姓名"> Cloud Database </a-descriptions-item>
      <a-descriptions-item label="电话/手机"> Cloud Database </a-descriptions-item>
      <a-descriptions-item label="身份证号码"> Cloud Database </a-descriptions-item>
      <a-descriptions-item label="性别"> Cloud Database </a-descriptions-item>
      <a-descriptions-item label="年龄"> Cloud Database </a-descriptions-item>
      <a-descriptions-item label="所属医院"> Cloud Database </a-descriptions-item>
      <a-descriptions-item label="所属科室"> Cloud Database </a-descriptions-item>
      <a-descriptions-item label="所属CRC"> Cloud Database </a-descriptions-item>
      <a-descriptions-item label="中心负责人"> Cloud Database </a-descriptions-item>
    </a-descriptions>
  </a-modal>
</template>

<script>
import VisitTable from './visitTable.vue'
export default {
  name: 'ViewModal',
  components: {
      VisitTable
  },
  props: {
    visible: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
      infoObj: {},
      form: {},
      statusList: [
        {
          id: 1,
          name: '状态1'
        },
        {
          id: 2,
          name: '状态2'
        }
      ],
      labelCol: {
        xs: { span: 24 },
        sm: { span: 6 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 12 }
      }
    }
  },
  mounted () {

  },
  methods: {
    // 状态回到
    handChange () {
      this.$message.success('操作成功')
    },
    // 关闭回调
    handleCancel () {
    //   this.$message.success('操作成功')
      this.$emit('close')
    }
  }
}
</script>
<style scoped lang="scss">
</style>
